<template>
  <div class="set-all">
    <el-button @click="$router.back()" type="info">返回</el-button>
    <!-- <div class="set-top">
          <span>团长：XXX</span>
          <span>订单提出比例：0.99</span>
          <span>团长提成总额：￥2000</span>
    </div>-->
    <el-form :inline="true" :model="formInline" class="set-top">
      <el-form-item label="团长：">{{formInline.TrueName}}</el-form-item>
      <el-form-item label="订单提出比例："></el-form-item>
      <el-form-item label="团长提成总额："></el-form-item>
    </el-form>
      <el-table class="set-mid" :data="tableData" border style="width: 100%">
        <el-table-column prop="no" label="订单编号"></el-table-column>
        <el-table-column prop="people" label="收件人" width="100"></el-table-column>
        <el-table-column label="商品名称" width="250">
          <template slot-scope="scope">
            <p
              style="overflow:hidden;
        white-space:nowrap;text-overflow:ellipsis;"
            >{{scope.row.goodname}}</p>
          </template>
        </el-table-column>
        <el-table-column prop="money" label="单价" width="100"></el-table-column>
        <el-table-column prop="buygoods" label="购买数量" width="100"></el-table-column>
        <el-table-column prop="goodmoney" label="总价" width="100"></el-table-column>
        <el-table-column prop="tuanti" label="团长提成" width="100"></el-table-column>
        <el-table-column prop="time" label="订单时间" width="150"></el-table-column>
      </el-table>
    <botpage />
  </div>
</template>

<script>
import Botpage from "@/components/botpage/Botpage";
export default {
  data() {
    return {
        formInline:{},
      tableData: [],
    };
  },
  methods:{
      getInfo(){
          // let that = this;
          this.formInline = this.$route.query.detail;
          console.log(this.formInline)
      }
  },
  mounted(){
      this.getInfo()
  },
  components: {
    Botpage,
  },
};
</script>

<style lang="less" scoped>

.set-all {
  width: 96%;
  margin: 0 auto;
  .set-top {
    margin: 30px 0 10px;
    display: flex;
    justify-content: space-around;
    span {
      margin-right: 30px;
    }
  }
  .set-mid {
    margin-bottom: 30px;
  }
}
</style>